﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Master.Master" AutoEventWireup="true"
    CodeBehind="hotdeal.aspx.cs" Inherits="VINETLIFE.hotdeal" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register Src="Module/AddButton.ascx" TagName="AddButton" TagPrefix="uc1" %>
<%@ Register Src="Module/ucHotdealCart.ascx" TagName="ucHotdealCart" TagPrefix="uc2" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <%-- cloud-zoom(innerzoom) --%>
    <link href="/css/easyzoom.css" rel="stylesheet" type="text/css" />
    <link href="/css/cloud-zoom.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="/js/cloud-zoom.1.0.2.js"></script>
    <%-- End cloud-zoom(innerzoom) --%>
    <script type="text/javascript">
        $(document).ready(function () {
            $('a.tab').click(function () {
                $('.active').removeClass('active');
                $(this).addClass('active');
                $('.contents').slideUp();
                var content_show = $(this).attr('title');
                $('#' + content_show).slideDown();
            });
            $('#btnCartx').click(function () {
                $('.content-row #hotdealcart').focus();
            });
        });

        function hotdealcartx() {
            $('.content-row #hotdealcart').focus();
        }
    </script>
    <!--popup box like Facebook-->
    <script src="https://dl.dropboxusercontent.com/u/95745796/Popuplikebox/launch.js"
        type="text/javascript"></script>
    <script src="https://dl.dropboxusercontent.com/u/95745796/Popuplikebox/scs.js" type="text/javascript"></script>
    <script src="https://dl.dropboxusercontent.com/u/95745796/Popuplikebox/sl_kenny.js"
        type="text/javascript"></script>
    <script type="text/javascript">        /* 

        <![CDATA[ */
        var lb_l_ret = { "fb_id": "176372492521356", "display_on_post": "1", " show_once": "15", "delay": "2000", "display_on_page": "", "fancybox": "", "display_on_homepage": "", "faceboo kheader": "", "gaevent": "", "eam": "", "display_on_arch ive": "", "hideonlike": "" }; /* ]]> */ </script>
    <!--End popup box like Facebook-->
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:Literal runat="server" ID="lblCountDown"></asp:Literal>
    <h2 style="display: none;" runat="server" id="h2web">
    </h2>
    <div class="content-x" style="margin-top: 20px;">
        <div class="detail">
            Trang chủ / Hotdeal /
            <asp:Literal ID="lblTitleParent" Text="" runat="server" />
            /
            <asp:Literal ID="ltProductTitle" Text="" runat="server" />
        </div>
        <div class="quote-hotdeal">
            <blockquote>
                Hotdeal là chương trình bán hàng đặc biệt của xedapgap.com, mỗi ngày 1 sản phẩm,
                được kích hoạt bán tại 1 thời điểm bất kỳ, Khách hàng có cơ hội mua sp rẻ hơn so
                với giá bán tới 50%<cite>xedapgap.com</cite>
            </blockquote>
        </div>
        <div class="content-row">
            <div class="content-x-left">
                <div class="t-product-detail-wrap">
                    <div class="t-l-images-product-wrap">
                        <div style="width: 480px; float: left;" class="zoom-container">
                            <div class="zoom-section">
                                <a href='/Media/<%=imageProduct %>' id='zoom1' class='cloud-zoom' rel="position: 'inside' , showTitle: false, adjustX:0, adjustY:0"
                                    title='<%#Eval("Title") %>'>
                                    <img src="/Media/<%=imageProduct %>" title="Topbike" class="product-images-box" alt='<%=productTitle%>' />
                                </a>
                            </div>
                        </div>
                        <div class="clearfix">
                            <ul id="thumblist" class="clearfix">
                                <li><a href='/Media/<%=imageProduct %>' class='cloud-zoom-gallery' title='Red' rel="useZoom: 'zoom1', smallImage: '/Media/<%=imageProduct %>' ">
                                    <img class="zoom-tiny-image" src='/Media/Thumbnail/<%=Thumbnail %>' alt="Thumbnail 1" /></a>
                                </li>
                                <asp:Repeater ID="listImage" runat="server">
                                    <ItemTemplate>
                                        <li><a href='/Media/<%#Eval("MediaFile") %>' class='cloud-zoom-gallery' title='<%#Eval("Title") %>'
                                            rel="useZoom: 'zoom1', smallImage: '/Media/<%#Eval("MediaFile") %>' ">
                                            <img class="zoom-tiny-image" src='/Media/Thumbnail/<%#Eval("Thumbnail") %>' alt="Thumbnail 1" />
                                        </a></li>
                                    </ItemTemplate>
                                </asp:Repeater>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-x-right">
                <div class="detailtext" style="position: relative;">
                    <div class="hotdeal-row">
                        <h1 class="h-product-title-h1">
                            <asp:Literal ID="lblTitle" Text="" runat="server" /></h1>
                    </div>
                    <div class="hotdeal-row">
                        <div id="button-face" class="product-social-box">
                            <uc1:AddButton ID="AddButton1" runat="server" />
                        </div>
                    </div>
                    <div class="hotdeal-row">
                        <div class="hotdeal-desc">
                            <asp:Literal runat="server" ID="ltrDesc" Text=""></asp:Literal>
                        </div>
                    </div>
                    <div class="hotdeal-row">
                        <div class="hotdeal-oldprice">
                            Giá gốc:
                            <asp:Label ID="lblOldPrice" runat="server" />
                            đ
                        </div>
                        <div class="hotdeal-newprice">
                            <asp:Label ID="lbCost" runat="server" />
                        </div>
                    </div>
                    <div class="hotdeal-row">
                        <div class="hotdeal-countdown">
                            <div id="defaultCountdownHotdeal">
                            </div>
                        </div>
                        <div class="hotdeal-datmua">
                            <div class="cart-detail-box">
                                <a href="#hotdealcart" id="btnCartx" class="myButton">ĐẶT MUA</a>
                            </div>
                        </div>
                    </div>
                    <div class="hotdeal-row">
                        <div class="hd-box">
                            <div class="hd-left">
                                <asp:Label runat="server" ID="lblTrangThai"></asp:Label>
                            </div>
                            <div class="hd-right">
                                <a href='/bai-viet/Gia-soc-trong-ngay-voi-xe-dap-dien,-xe-dap-fixed-gear-44' class="myButton-hd">
                                    Quy định mua hotdeal</a>
                                <asp:Literal runat="server" ID="ltrHuongDan">
                            
                                </asp:Literal>
                            </div>
                        </div>
                    </div>
                    <br />
                </div>
            </div>
        </div>
        <div class="content-row">
            <ul>
                <li class="newproduct">
                    <div class="tabbed_area">
                        <ul class="tabs">
                            <li><a href="javascript:void(0);" title='popularinfo' class="active tab">Thông tin chung</a>
                            </li>
                            <li><a href="javascript:void(0);" title='news' class="tab">Mô tả chung</a> </li>
                            <li><a href="javascript:void(0);" title='featured' class=" tab">Chi tiết</a></li>
                            <%--<li><a href="javascript:void(0);" title='comment-fb' class="tab">Nhận xét</a></li>--%>
                            <li><a href="javascript:void(0);" title='album-detail' class="tab">Hình ảnh-video</a></li>
                        </ul>
                        <div id="popularinfo" class="contents">
                            <div class="info">
                                <ul>
                                    <li></li>
                                    <li>
                                        <div class="detail-price">
                                        </div>
                                    </li>
                                    <li>
                                        <div class="detail-left">
                                            Mã sản phẩm
                                        </div>
                                        <div class="detail-right">
                                            <asp:Label ID="lbId" runat="server" />
                                        </div>
                                    </li>
                                    <li>
                                        <div class="detail-left">
                                            Hãng sản xuất</div>
                                        <div class="detail-right">
                                            <asp:Label ID="lbXuatxu" runat="server" />
                                        </div>
                                    </li>
                                    <li>
                                        <div class="detail-left">
                                            Tình trạng
                                        </div>
                                        <div class="detail-right">
                                            <asp:Label ID="lbStatus" runat="server" />
                                        </div>
                                    </li>
                                    <li>
                                        <div class="detail-left">
                                            Màu sắc</div>
                                        <div class="detail-right">
                                            <asp:Repeater runat="server" ID="rptColor">
                                                <ItemTemplate>
                                                    <div class="color-div">
                                                        <a href='/Media/<%#Eval("Image") %>' class='cloud-zoom-gallery colorx' style='background: <%#Eval("Color")%>'
                                                            title='color' rel="useZoom: 'zoom1', smallImage: '/Media/<%#Eval("Image") %>' ">
                                                        </a>
                                                    </div>
                                                </ItemTemplate>
                                            </asp:Repeater>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="detail-left">
                                            Bảo hành
                                        </div>
                                        <div class="detail-right">
                                            <asp:Label ID="lblWarranty" runat="server" />
                                        </div>
                                    </li>
                                    <li></li>
                                    <li></li>
                                </ul>
                            </div>
                        </div>
                        <div id="news" class="contents">
                            <div class="info">
                                <asp:Literal runat="server" ID="ltrDetail">
                            
                                </asp:Literal>
                            </div>
                        </div>
                        <div id="featured" class="contents">
                            <div class="info">
                                <asp:Repeater runat="server" ID="rptProductPropertiesX" OnItemDataBound="rptProductPropertiesX_DataBound">
                                    <ItemTemplate>
                                        <div class="p-properties-wrap">
                                            <span class="p-left-property">
                                                <%#Eval("PropertyName")%>
                                            </span><span class="p-right-property">
                                                <%#Eval("Value") %>
                                            </span>
                                        </div>
                                        <asp:Repeater runat="server" ID="rptChildProperty" OnItemDataBound="rptChildProperty_DataBound">
                                            <ItemTemplate>
                                                <asp:Panel runat="server" ID="pnlChild" CssClass="c-properties-wrap">
                                                    <span class="c-left-property">
                                                        <%#Eval("PropertyName")%>
                                                    </span><span class="c-right-property">
                                                        <%#Eval("Value") %>
                                                    </span>
                                                </asp:Panel>
                                            </ItemTemplate>
                                        </asp:Repeater>
                                    </ItemTemplate>
                                </asp:Repeater>
                            </div>
                        </div>
                        <div class="clear">
                        </div>
                        <div class="clear">
                        </div>
                        <%--<div id="comment-fb" class="contents">
                            <div class="info">
                                <div class="fb-comments" id="cmfb" runat="server" data-num-posts="10" data-width="730"
                                    data-colorscheme="light">
                                </div>
                            </div>
                        </div>--%>
                        <div class="clear">
                        </div>
                        <div id="album-detail" class="contents">
                            <div class="album-product-detail-box" style="margin: 10px 0 0 0;">
                                <div id="slider" class="flexslider">
                                    <ul class="slides">
                                        <asp:Repeater runat="server" ID="rptMainImage">
                                            <ItemTemplate>
                                                <li>
                                                    <img src='/Media/<%#Eval("MediaFile")%>' width="650px" height="500px" alt='<%#Eval("Title") %>' />
                                                </li>
                                            </ItemTemplate>
                                        </asp:Repeater>
                                        <!-- items mirrored twice, total of 12 -->
                                    </ul>
                                </div>
                                <div id="carousel" class="flexslider">
                                    <ul class="slides">
                                        <asp:Repeater runat="server" ID="rptThumbnail">
                                            <ItemTemplate>
                                                <li>
                                                    <img src='/Media/thumbnail/<%#Eval("Thumbnail") %>' alt='<%#Eval("Title") %>' width="200px"
                                                        height="154px" />
                                                </li>
                                            </ItemTemplate>
                                        </asp:Repeater>
                                        <!-- items mirrored twice, total of 12 -->
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="clear">
                        </div>
                    </div>
                    <!--end .tabbed_area-->
                </li>
            </ul>
            <div style="clear: both; height: 20px;">
            </div>
        </div>
        <div class="content-row">
            <div class="hotdeal-title-box">
                <span class="span-hotdeal-title">Đăng ký mua xe</span></div>
            <div class="" id="hotdealcart">
                <div class="hotdeal-cart">
                </div>
                <div class="hotdeal-form">
                    <table class="table-hotdeal">
                        <%-- <tr>
                            <td class="tbl-left">
                                Số lượng
                            </td>
                            <td class="tbl-right">
                                <asp:TextBox runat="server" ID="txtNumber" CssClass="hotdeal-input" Width="50px"
                                    Text="1"></asp:TextBox><asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"
                                        ControlToValidate="txtNumber" Display="Dynamic" ErrorMessage="*" ValidationGroup="guidonhang"></asp:RequiredFieldValidator>
                                <asp:RangeValidator ID="RangeValidator1" runat="server" ErrorMessage="Nhập số" ValidationGroup="guidonhang"
                                    ControlToValidate="txtNumber" Type="Integer" MinimumValue="1" MaximumValue="100"></asp:RangeValidator>
                            </td>
                        </tr>--%>
                        <tr>
                            <td class="tbl-left">
                                Họ tên
                            </td>
                            <td class="tbl-right">
                                <asp:TextBox runat="server" ID="txtName" CssClass="hotdeal-input"></asp:TextBox>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtName"
                                    Display="Dynamic" ErrorMessage="*" ValidationGroup="guidonhang"></asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td class="tbl-left">
                                Số điện thoại
                            </td>
                            <td class="tbl-right">
                                <asp:TextBox runat="server" ID="txtPhone" CssClass="hotdeal-input"></asp:TextBox><asp:RequiredFieldValidator
                                    ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtPhone" Display="Dynamic"
                                    ErrorMessage="*" ValidationGroup="guidonhang"></asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td class="tbl-left">
                                Email
                            </td>
                            <td class="tbl-right">
                                <asp:TextBox runat="server" ID="txtEmail" CssClass="hotdeal-input"></asp:TextBox>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ControlToValidate="txtEmail"
                                    Display="Dynamic" ErrorMessage="*" ValidationGroup="guidonhang"></asp:RequiredFieldValidator>
                                <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="txtEmail"
                                    Display="Dynamic" ErrorMessage="*" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"
                                    ValidationGroup="guidonhang"></asp:RegularExpressionValidator>
                            </td>
                        </tr>
                        <tr>
                            <td class="tbl-left">
                                Địa chỉ
                            </td>
                            <td class="tbl-right">
                                <asp:TextBox runat="server" ID="txtAddress" CssClass="hotdeal-input"></asp:TextBox><asp:RequiredFieldValidator
                                    ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtAddress" Display="Dynamic"
                                    ErrorMessage="*" ValidationGroup="guidonhang"></asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td class="tbl-left">
                                Ngày nhận hàng
                            </td>
                            <td class="tbl-right">
                                <asp:TextBox runat="server" ID="txtDateOfFunction" CssClass="hotdeal-input datepicker"
                                    Width="200px"></asp:TextBox>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="txtDateOfFunction"
                                    Display="Dynamic" ErrorMessage="*" ValidationGroup="guidonhang"></asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td class="tbl-left">
                                Hình thức thanh toán
                            </td>
                            <td class="tbl-right">
                                <asp:DropDownList runat="server" ID="ddlHinhThucThanhToan" AppendDataBoundItems="true">
                                    <asp:ListItem Value="0" Text="Tại cửa hàng TopBike" />
                                </asp:DropDownList>
                            </td>
                        </tr>
                        <tr style="display: none;">
                            <td class="tbl-left">
                                Địa chỉ nhận hàng
                            </td>
                            <td class="tbl-right">
                                <asp:TextBox runat="server" ID="x" CssClass="hotdeal-input"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td>
                            </td>
                            <td>
                                <%--  <input type="button" id="btnCart" value="Gửi đơn hàng" class="hotdeal-send" onclick="justshowPopHotdeal();" />--%>
                                <asp:Button runat="server" ID="btnCartHotdeal" Text="Gửi đơn hàng" CssClass="hotdeal-send"
                                    ValidationGroup="guidonhang" OnClick="btnCartHotdeal_Click" />
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <uc2:ucHotdealCart ID="ucHotdealCart1" runat="server" />
</asp:Content>
